<template>
    <div style="height: 30px;" @click="$router.go(-1)"><div style="margin-top: 30px">《  返回首页</div></div>
    <div class="box">
        <div style="display: flex;align-items: center">
<!--            <div style="width: 60px;">-->
<!--                <img :src="item[2]" style="width: 50px"/>-->
<!--            </div>-->
            <h2>{{item[0]}}</h2>
        </div>
        <div>
            <h3>商品位置</h3>
            <div>{{item[4]}}</div>
        </div>
        <div>
            <h3>商品价格</h3>
            <div>{{item[1]}}{{item[5]}}</div>
        </div>
        <div>
            <h3>商品区服</h3>
            <div>{{item[3]}}</div>
        </div>
        <div>
            <h3>商品数量</h3>
            <div>{{item[6]}}</div>
        </div>
        <div>
            <h3>附魔属性</h3>
            <div>{{item[8]}}</div>
        </div>
        <div v-if="item[9]">
            <h3>宝石属性</h3>
            <div>{{item[9]}}</div>
        </div>
        <div>
            <h3>出商品者</h3>
            <div>{{item[7]}}</div>
        </div>
    </div>
</template>

<script>
    export default {
        name: "GoodsDetails",
        data(){
            return{
                item:[]
            }
        },
        created() {
            this.item = this.$route.query.data
        },
    }
</script>

<style scoped>
    .box div{
        margin-top: 10px;
        background-color: #f6f6f6;
    }
    .box div div{
        color: red;
    }
</style>